import React from 'react';
import { Link, router } from 'umi';
import { Icon } from 'antd';
import topImg from '@/assets/hire/illu04.png';
// import qrImg from '@/assets/hire/VVWorkQRCode.png';
import qrImg from '@/assets/wxqrcode.png';

import { PageWrap } from './components';
import styles from './Accept.less';

export default () => (
    <PageWrap>
        <div className={styles.page}>
            <div className={styles.top}>
                <div className={styles.topTitle}>
                    <Icon
                        type="check-circle"
                        theme="filled"
                        style={{ color: '#44c69d', fontSize: 30, marginRight: 10 }}
                    />
                    接受录用
                </div>
                <div className={styles.topImg}>
                    <img src={topImg} alt="" />
                </div>
                <div className={styles.topText}>
                    <p>感谢您接收微微的录用，期待您的加入！</p>
                    <p>为了给您提供更好入职体验，请您及时查看入职指引</p>
                </div>
                <button
                    className={styles.button}
                    type="button"
                    onClick={() => {
                        history.push({
                            pathname: '/external/interview/entrylogin'
                        });
                    }}
                >
                    完善个人信息
                </button>
            </div>
            <div className={styles.bottom}>
                <div className={styles.bottomTitle}>
                    <p>
                        欢迎登录<Link to="/external/interview/entrylogin">V V Work网页端</Link>
                    </p>
                </div>
                <div className={styles.divider}>或</div>
                <div className={styles.qr}>
                    <img src={qrImg} alt="" />
                </div>
                <p className={styles.bottomText}>
                    欢迎扫码关注微微科技公众号，
                    <br />
                    了解更多微微讯息。
                </p>
            </div>
        </div>
    </PageWrap>
);
